Skip to content

Add operation setup wizard to the landing page - #51

Merged
pelikhan merged 5 commits into
mainfrom
copilot/add-wizard-ui-landing-page
Aug 27, 2026
Merged

Add operation setup wizard to the landing page#51
pelikhan merged 5 commits into
mainfrom
copilot/add-wizard-ui-landing-page

Conversation

Copilot AI commented Aug 27, 2026

Copy link
Copy Markdown
Contributor

Adds a gh-aw-wizard-style wizard to the landing page, rendered directly after the dispatch diagram: pick an operation, pick a coding agent, copy a prompt that creates the control repository and runs the operation.

Changes

  • docs/components/OpsWizard.astro (new) — three-step wizard:
    1. Operation — options are read at build time from each package directory's aw.yml (name + description), so the list tracks the catalog instead of a hard-coded copy. A Custom operation option takes a free-form description and routes the prompt through the packaged create-ops-package skill.
    2. Coding agent — Copilot CLI, Claude Code, or Codex CLI, plus optional owner and control repository name. The selection drives the install/launch hint and the engine: value in the prompt.
    3. Prompt — live-rendered prompt with a clipboard copy button, plus a noscript fallback pointing at the Quickstart.
  • docs/components/HierarchyHero.astro — renders <OpsWizard /> after the diagram figure. The hero override is only used by the splash landing page, and docs/README.md is plain Markdown, so this avoids pulling in MDX.

The generated prompt encodes the repository's safety defaults — private control plane, staged first run, package rollout variables capped at one repository, no hand-edits to .lock.yml:

4. Install the operation package: `gh aw add githubnext/central-agentic-ops/dependabot@main`.
...
- `gh variable set CENTRAL_AGENTIC_OPS_DEPENDABOT_MODE --body "staged"`
- Trigger one manual run: `gh workflow run dependabot.lock.yml --raw-field target_repo="acme/<target-repo>" ...`

Notes for review: package slugs map directly to the CENTRAL_AGENTIC_OPS_<PACKAGE>_MODE/_MAX_REPOS variables used by the workflows, and the catalog ref is pinned to main in the prompt — worth deciding whether it should point at a release tag instead.

Copilot AI and others added 2 commits August 27, 2026 20:30
Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
@pelikhan

Copy link
Copy Markdown
Contributor

@copilot refine, make it delightful, show screenshots

Copilot AI and others added 3 commits August 27, 2026 20:42
Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>

Copilot AI commented Aug 27, 2026

Copy link
Copy Markdown
Contributor Author

@copilot refine, make it delightful, show screenshots

Refined in 558ccf7, screenshots below.

While capturing them I found a real bug: the operation list was read with fs relative to import.meta.url, which resolves to the bundled server chunk in a production build — so the shipped page rendered only the "Custom operation" card and an empty prompt. It now uses import.meta.glob("../../*/aw.yml", { query: "?raw" }), so all six catalog packages render, and Dependabot is preselected to match the Quickstart.

Polish: eyebrow label and accent glow on the panel, hover lift and selected-state check marks on the cards, a prompt toolbar with a live "operation with agent" summary, and a transient "Copied" state on the button.

Default state (dark):

Wizard, dark theme

Light theme:

Wizard, light theme

Custom operation, which routes the prompt through the packaged create-ops-package skill:

Wizard with the custom operation selected

Mobile (430px):

Wizard at mobile width

The images were committed in 2ddf71b only so they could be linked, then removed in 2ba0b6b; the final diff is code-only. Verified with npm run docs:build.

@pelikhan
pelikhan marked this pull request as ready for review August 27, 2026 21:06
@pelikhan
pelikhan merged commit f75be1a into main Aug 27, 2026
@mnkiefer mnkiefer mentioned this pull request Aug 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants